<!DOCTYPE html>
<html lang="zxx">

<head>
    <title>首页</title>
    <!--/tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content=""/>
    <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="js/register.js"></script>
    <script type="text/javascript" src="js/hyz.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
    <script type="text/javascript" src="js/islogin.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!--//tags -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/font-awesome.css" rel="stylesheet">
    <!--pop-up-box-->
    <link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
    <!--//pop-up-box-->
    <!-- price range -->
    <link rel="stylesheet" type="text/css" href="css/jquery-ui1.css">
    <!-- fonts -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800"
          rel="stylesheet">
    <script type="text/javascript" src="js/vue.min.js"></script>
</head>

<body>
<!-- top-header -->
<div class="header-most-top">
    <p>欢迎来到手机比价网</p>
</div>
<!-- //top-header -->
<!-- header-bot-->
<div class="header-bot">
    <div class="header-bot_inner_wthreeinfo_header_mid">
        <!-- header-bot-->
        <div class="col-md-4 logo_agile">
            <h1>
                <a href="index.html">
                    <span>M</span>obile
                    <span>C</span>omparison
                    <img src="images/logo2.png" alt=" ">
                </a>
            </h1>
        </div>
        <!-- header-bot -->
        <div class="col-md-8 header">
            <!-- header lists -->
            <ul id="fillIn">
                <li>
                    <a href="#" data-toggle="modal" data-target="#myModal1">
                        <span class="fa fa-user" aria-hidden="true"></span>用户中心</a>
                </li>
                <li>
                    <span class="fa fa-phone" aria-hidden="true"></span> 001 234 5678
                </li>
                <li>
                    <a href="#" data-toggle="modal" data-target="#myModal1">
                        <span class="fa fa-unlock-alt" aria-hidden="true"></span> 登&nbsp;&nbsp;&nbsp;&nbsp;录 </a>
                </li>
                <li>
                    <a href="#" data-toggle="modal" data-target="#myModal2">
                        <span class="fa fa-pencil-square-o" aria-hidden="true"></span> 注&nbsp;&nbsp;&nbsp;&nbsp;册 </a>
                </li>
            </ul>
            <!-- //header lists -->
            <!-- search -->
            <div class="agileits_search">
                <form action="product2.html">
                    <input name="search" type="search" placeholder="请输入您比较想要的商品名称或型号" required="">
                    <button type="submit" class="btn btn-default" aria-label="Left Align">
                        <span class="fa fa-search" aria-hidden="true"> </span>
                    </button>
                </form>
            </div>
            <!-- //search -->
            <!-- cart details -->
            <div class="top_nav_right">
                <div class="wthreecartaits wthreecartaits2 cart cart box_1">
                    <form action="#" method="post" class="last">
                        <input type="hidden" name="cmd" value="_cart">
                        <input type="hidden" name="display" value="1">
                        <button class="w3view-cart" type="submit" name="submit" value="">
                            <i class="fa fa-cart-arrow-down" aria-hidden="true"></i>
                        </button>
                    </form>
                </div>
            </div>
            <!-- //cart details -->
            <div class="clearfix"></div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!-- signin Model -->
<!-- Modal1 -->
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body modal-body-sub_agile">
                <div class="main-mailposi">
                    <span class="fa fa-envelope-o" aria-hidden="true"></span>
                </div>
                <div class="modal_body_left modal_body_left1">
                    <h3 class="agileinfo_sign">登 录</h3>
                    <p>
                        现在登录，开始你的手机比价，没有一个账户嘛?
                        <a href="#" data-toggle="modal" data-target="#myModal2">
                            立即注册</a>
                    </p>
                    <!-- <form method="post"> -->
                    <div class="styled-input agile-styled-input-top">
                        <input type="text" placeholder="用户名" id="name_input" name="Name" required="">
                    </div>
                    <div class="styled-input">
                        <input type="password" placeholder="密码" id="pass_input" name="password" required="">
                    </div>
                    <div class="styled-input">
                        <input type="text" placeholder="验证码" name="Confirm verfiyCode" id="yzm1" required=""
                               style="width: 379px">
                        <img src="/verify_code/" id="yzm_img1" onclick="getcode1()" style="width: 150px"/>
                    </div>
                    <input type="submit" onclick="log()" value="登  录">
                    <!-- </form> -->
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <!-- //Modal content-->
    </div>
</div>
<!-- //Modal1 -->
<!-- //signin Model -->
<!-- signup Model -->
<!-- Modal2 -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body modal-body-sub_agile">
                <div class="main-mailposi">
                    <span class="fa fa-envelope-o" aria-hidden="true"></span>
                </div>
                <div class="modal_body_left modal_body_left1">
                    <h3 class="agileinfo_sign">注 册</h3>
                    <p>
                        立即加入手机比价网!注册一个属于你的账户.
                    </p>
                    <form action="/sendEmail/" method="post" id="formm">
                        <div class="styled-input agile-styled-input-top">
                            <input type="text" placeholder="用户名" name="Name" id="user_name" required="">
                            <span class="error_tip"></span>
                        </div>
                        <div class="styled-input">
                            <input type="text" placeholder="电子邮箱" id="email" name="email" required="">
                            <span class="error_tip"></span>
                        </div>
                        <div class="styled-input">
                            <input type="password" placeholder="密码" id="pwd" name="password" required="">
                            <span class="error_tip"></span>
                        </div>
                        <div class="styled-input">
                            <input type="password" placeholder="确认密码" id="cpwd" name="Confirm Password" required="">
                            <span class="error_tip"></span>
                        </div>
                        <div class="styled-input">
                            <input type="text" placeholder="验证码" name="Confirm verfiyCode" id="yzm" required=""
                                   style="width: 379px">
                            <img src="/verify_code/" id="yzm_img" onclick="getcode()" style="width: 150px"/>
                            <span class="error_tip"></span>
                        </div>

                        <input type="submit" value="注  册">
                    </form>
                    <p>
                        <a href="#">通过点击注册，我同意你的条款</a>
                    </p>
                </div>
            </div>
        </div>
        <!-- //Modal content-->
    </div>
</div>
<!-- //Modal2 -->
<!-- //signup Model -->
<!-- //header-bot -->
<!-- navigation -->
<div class="ban-top">
    <div class="container">
        <div class="agileits-navi_search">
            <form action="#" method="post">
                <select onchange="mbar(this)" id="agileinfo-nav_search" name="agileinfo_search" required>
                    <option value="">全部品牌</option>
                    <option value="product.html?brand=6&pn=1">华为</option>
                    <option value="product.html?brand=1&pn=1">Apple</option>
                    <option value="product.html?brand=7&pn=1">天语</option>
                    <option value="product.html?brand=2&pn=1">OPPO</option>
                    <option value="product.html?brand=3&pn=1">vivo</option>
                    <option value="product.html?brand=4&pn=1">三星</option>
                    <option value="product.html?brand=9&pn=1">真我</option>
                    <option value="product.html?brand=5&pn=1">中兴</option>
                    <option value="product.html?brand=8&pn=1">小米</option>
                    <option value="product.html?brand=10&pn=1">荣耀</option>
                </select>
            </form>
        </div>
        <div class="top_nav_left">
            <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#bs-example-navbar-collapse-1"
                                aria-expanded="false">
                            <span class="sr-only">切换导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse menu--shylock" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav menu__list">
                            <li class="active">
                                <a class="nav-stylehead" href="index.html">首页
                                    <span class="sr-only">(current)</span>
                                </a>
                            </li>
                            <li class="">
                                <a class="nav-stylehead" href="about.html">关于我们</a>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle nav-stylehead" data-toggle="dropdown" role="button"
                                   aria-haspopup="true" aria-expanded="false">苹果
                                    <span class="caret"></span>
                                </a>
                                <ul class="dropdown-menu multi-column columns-3">
                                    <div class="agile_inner_drop_nav_info">
                                        <div class="col-sm-6 multi-gd-img">
                                            <ul class="multi-column-dropdown">
                                                <li>
                                                    <a href="product2.html?search=11">iphone 11</a>
                                                </li>
                                                <li>
                                                    <a href="product2.html?search=8">iphone 8</a>
                                                </li>
                                                <li>
                                                    <a href="product2.html?search=苹果">iphone</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="col-sm-6 multi-gd-img">
                                            <ul class="multi-column-dropdown">
                                                <li>
                                                    <a href="product2.html?search=11">iphone 11</a>
                                                </li>
                                                <li>
                                                    <a href="product2.html?search=8">iphone 8</a>
                                                </li>
                                                <li>
                                                    <a href="product2.html?search=苹果">iphone</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle nav-stylehead" data-toggle="dropdown" role="button"
                                   aria-haspopup="true" aria-expanded="false">华为
                                    <span class="caret"></span>
                                </a>
                                <ul class="dropdown-menu multi-column columns-3">
                                    <div class="agile_inner_drop_nav_info">
                                        <div class="col-sm-6 multi-gd-img">
                                            <ul class="multi-column-dropdown">
                                                <li>
                                                    <a href="product2.html?search=华为">华为</a>
                                                </li>
                                                <li>
                                                    <a href="product2.html?search=华为">华为</a>
                                                </li>
                                                <li>
                                                    <a href="product2.html?search=华为">华为</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="col-sm-6 multi-gd-img">
                                            <ul class="multi-column-dropdown">
                                               <li>
                                                    <a href="product2.html?search=华为">华为</a>
                                                </li>
                                                <li>
                                                    <a href="product2.html?search=华为">华为</a>
                                                </li>
                                                <li>
                                                    <a href="product2.html?search=华为">华为</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </ul>
                            </li>
                            <li class="">
                                <a class="nav-stylehead" href="faqs.html">常见问题</a>
                            </li>
                            <li class="dropdown">
                                <a class="nav-stylehead dropdown-toggle" href="#" data-toggle="dropdown">用户中心
                                    <b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu agile_short_dropdown">
                                    <li>
                                        <a href="security_center.html">安全中心</a>
                                    </li>
                                    <li>
                                        <a href="collection_center.html">我的收藏</a>
                                    </li>
                                    <li>
                                        <a href="browsed_history.html">浏览历史</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="">
                                <a class="nav-stylehead" href="contact.html">联系我们</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </div>
</div>
<!-- //navigation -->

<!-- banner -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators-->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1" class=""></li>
        <li data-target="#myCarousel" data-slide-to="2" class=""></li>
        <li data-target="#myCarousel" data-slide-to="3" class=""></li>
    </ol>
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <div class="container">
                <div class="carousel-caption">
                    <h3>相遇
                        <span>不是偶然</span>
                    </h3>
                    <p>Get flat
                        <span>10%</span> Cashback</p>
                    <a class="button2" href="product1.html">Shop Now </a>
                </div>
            </div>
        </div>
        <div class="item item2">
            <div class="container">
                <div class="carousel-caption">
                    <h3>把握选择
                        <span>畅享生活</span>
                    </h3>
                    <p>Get Upto
                        <span>30%</span> Off</p>
                    <a class="button2" href="product1.html">Shop Now </a>
                </div>
            </div>
        </div>
        <div class="item item3">
            <div class="container">
                <div class="carousel-caption">
                    <h3>超越梦想
                        <span>畅游无限</span>
                    </h3>
                    <p>Get Best Offer Upto
                        <span>20%</span>
                    </p>
                    <a class="button2" href="product1.html">Shop Now </a>
                </div>
            </div>
        </div>
        <div class="item item4">
            <div class="container">
                <div class="carousel-caption">
                    <h3>一机在手
                        <span>爱不释手</span>
                    </h3>
                    <p>Get Now
                        <span>40%</span> Discount</p>
                    <a class="button2" href="product1.html">Shop Now </a>
                </div>
            </div>
        </div>
    </div>
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!-- //banner -->

<!-- top Products -->
<div class="ads-grid">
    <div class="container">
        <!-- tittle heading -->
        <h3 class="tittle-w3l">最热门
            <span class="heading-style">
					<i></i>
					<i></i>
					<i></i>
				</span>
        </h3>
        <!-- //tittle heading -->
        <!-- product left -->
        <div class="side-bar col-md-3">
            <div class="search-hotel">
                <h3 class="agileits-sear-head">查询</h3>
                <form action="product2.html">
                    <input type="search" placeholder="产品名称" name="search" required="">
                    <input type="submit" value=" ">
                </form>
            </div>

            <div class="deal-leftmk left-side" id="showFive">
                <h3 class="agileits-sear-head">白菜价</h3>
                <div class="special-sec1" v-for="it in showfive">
                    <div class="col-xs-4 img-deals">
                        <img :src="it.img" alt="" style=";width: 80px;height:110px;">
                    </div>
                    <div class="col-xs-8 img-deal1">
                        <h3>{{ it.title }}</h3>
                        <a @click="gethistory(it.id)" :href="'single.html?id='+ it.id">{{ it.price }}</a>
                    </div>
                    <div class="clearfix"></div>
                </div>

            </div>
            <!-- //deals -->
        </div>
        <!-- //product left -->
        <!-- product right -->
        <div class="agileinfo-ads-display col-md-9">
            <div class="wrapper">
                <!-- first section (苹果) id="appIphone" v-for="it in Iphone"-->
                <div class="product-sec1" id="appIphone">
                    <h3 class="heading-tittle">苹果</h3>
                    <div class="col-md-4 product-men" v-for="it in Iphone">
                        <div class="men-pro-item simpleCart_shelfItem">
                            <div class="men-thumb-item">
                                <img :src="it.a_img" style="height:200px;width:150px">
                                <div class="men-cart-pro">
                                    <div class="inner-men-cart-pro">
                                        <a @click = "gethistory(it.a_id)" :href="'single.html?id='+ it.a_id" class="link-product-add-cart">快速浏览</a>
                                    </div>
                                </div>
                                <span class="product-new-top">热</span>
                            </div>
                            <div class="item-info-product ">
                                <h4 style="height:75px;">
                                    <a @click="gethistory(it.a_id)" :href="'single.html?id='+ it.a_id">{{ it.a_title }}</a>
                                </h4>
                                <div class="info-product-price">
                                    <span class="item_price">{{ it.a_price }}</span>
                                </div>
                                <div class="snipcart-details top_brand_home_details item_add single-item hvr-outline-out">
                                    <form action="" method="post">
                                        <fieldset>
                                             <input type="hidden" name="cmd" value="_cart"/>
                                            <input type="hidden" name="item_id" :value="it.a_id" />
                                            <input type="hidden" name="system" :value="it.a_store" />
                                            <input type="hidden" name="img" v-model="it.a_img" />
                                            <input type="hidden" name="add" value="1"/>
                                            <input type="hidden" name="business" value=""/>
                                            <input type="hidden" name="item_name" :value="it.a_title"/>
                                            <input type="hidden" name="shipping" :value="it.a_id"/>
                                            <input type="hidden" name="amount" v-model="it.a_price"/>
                                            <input type="hidden" name="discount_amount" value="1.00"/>
                                            <input type="hidden" name="currency_code" value="USD"/>
                                            <input type="hidden" name="return" value=" "/>
                                            <input type="hidden" name="cancel_return" value=" "/>
                                            <input type="submit" @click="getId(it.a_id)" name="submit" value="添加到购物车" class="button"/>
                                        </fieldset>
                                    </form>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <!-- //first section (nuts) -->
                <!-- second section (nuts special) -->
                <div class="product-sec1 product-sec2">
                    <div class="col-xs-7 effect-bg">
                        <h3 class="">全网比价</h3>
                        <h6>省冤枉钱</h6>
                        <p>Get Extra 10% Off</p>
                    </div>
                    <h3 class="w3l-nut-middle">New & Hot Mobiles</h3>
                    <div class="col-xs-5 bg-right-nut">
                        <img src="images/mobile.png" alt="">
                    </div>
                    <div class="clearfix"></div>
                </div>
                <!-- //second section (nuts special) -->
                <!-- third section (oils) -->
                <div class="product-sec1"  id = "appHw">
                    <h3 class="heading-tittle">华为</h3>
                    <div class="col-md-4 product-men" v-for="it in hw">
                        <div class="men-pro-item simpleCart_shelfItem">
                            <div class="men-thumb-item">
                                <img :src="it.hw_img" style="height:200px;width:150px">
                                <div class="men-cart-pro">
                                    <div class="inner-men-cart-pro">
                                        <a @click="gethistory(it.hw_id)" :href="'single.html?id='+ it.hw_id" class="link-product-add-cart">快速浏览</a>
                                    </div>
                                </div>
                                <span class="product-new-top">热</span>
                            </div>
                            <div class="item-info-product ">
                                <h4 style="height:75px;">
                                    <a @click="gethistory(it.hw_id)" :href="'single.html?id='+ it.hw_id">{{ it.hw_title }}</a>
                                </h4>
                                <div class="info-product-price">
                                    <span class="item_price">{{ it.hw_price }}</span>

                                </div>
                                <div class="snipcart-details top_brand_home_details item_add single-item hvr-outline-out">
                                    <form action="#" method="post">
                                        <fieldset>
                                            <input type="hidden" name="cmd" value="_cart"/>
                                            <input type="hidden" name="item_id" v-model="it.hw_id" />
                                            <input type="hidden" name="system" value="64g内存" />
                                            <input type="hidden" name="img" v-model="it.hw_img" />
                                            <input type="hidden" name="add" value="1"/>
                                            <input type="hidden" name="business" value=" "/>
                                            <input type="hidden" name="item_name" v-model="it.hw_title"/>
                                            <input type="hidden" name="shipping" :value="it.hw_id"/>
                                            <input type="hidden" name="amount" v-model="it.hw_price"/>
                                            <input type="hidden" name="discount_amount" value="1.00"/>
                                            <input type="hidden" name="currency_code" value="USD"/>
                                            <input type="hidden" name="return" value=" "/>
                                            <input type="hidden" name="cancel_return" value=" "/>
                                            <input type="submit" @click="getId(it.hw_id)" name="submit" value="添加到购物车" class="button"/>
                                        </fieldset>
                                    </form>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="clearfix"></div>
                </div>
                <!-- //third section (oils) -->
                <!-- fourth section (noodles) -->
                <div class="product-sec1"  id = "appVo">
                    <h3 class="heading-tittle">vivo & oppo</h3>
                    <div class="col-md-4 product-men"  v-for="it in vo">
                        <div class="men-pro-item simpleCart_shelfItem">
                            <div class="men-thumb-item">
                                <img :src="it.v_img" style="height:200px;width:150px">
                                <div class="men-cart-pro">
                                    <div class="inner-men-cart-pro">
                                        <a @click="gethistory(it.v_id)" :href="'single.html?id='+ it.v_id" class="link-product-add-cart">快速浏览</a>
                                    </div>
                                </div>
                            </div>
                            <div class="item-info-product ">
                                <h4 style="height:75px;">
                                    <a @click="gethistory(it.v_id)" :href="'single.html?id='+ it.v_id">{{ it.v_title }}</a>
                                </h4>
                                <div class="info-product-price">
                                    <span class="item_price">{{ it.v_price }}</span>

                                </div>
                                <div class="snipcart-details top_brand_home_details item_add single-item hvr-outline-out">
                                    <form action="#" method="post">
                                        <fieldset>
                                            <input type="hidden" name="cmd" value="_cart"/>
                                            <input type="hidden" name="item_id" v-model="it.v_id" />
                                            <input type="hidden" name="system" value="64g内存" />
                                            <input type="hidden" name="img" v-model="it.v_img" />
                                            <input type="hidden" name="add" value="1"/>
                                            <input type="hidden" name="business" value=" "/>
                                            <input type="hidden" name="item_name" v-model="it.v_title"/>
                                            <input type="hidden" name="shipping" :value="it.v_id"/>
                                            <input type="hidden" name="amount" v-model="it.v_price"/>
                                            <input type="hidden" name="discount_amount" value="1.00"/>
                                            <input type="hidden" name="currency_code" value="USD"/>
                                            <input type="hidden" name="return" value=" "/>
                                            <input type="hidden" name="cancel_return" value=" "/>
                                            <input type="submit" @click="getId(it.v_id)" name="submit" value="添加到购物车" class="button"/>
                                        </fieldset>
                                    </form>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="clearfix"></div>
                </div>
                <!-- //fourth section (noodles) -->
            </div>
        </div>
        <!-- //product right -->
    </div>
</div>
<!-- //top products -->
<!-- special offers -->
<div class="featured-section" id="projects">
    <div class="container">
        <!-- tittle heading -->
        <h3 class="tittle-w3l">特别推荐
            <span class="heading-style">
					<i></i>
					<i></i>
					<i></i>
				</span>
        </h3>
        <!-- //tittle heading -->
        <div class="content-bottom-in">
            <ul id="flexiselDemo1">
                <li class="nbs-flexisel-item"   v-for="it in goods">
						<div class="w3l-specilamk">
							<div class="speioffer-agile">
								<a @click="gethistory(it.id)" :href="'single.html?id='+ it.id">
									<img :src="it.img" alt="" style="height:200px;width:150px">
								</a>
							</div>
							<div class="product-name-w3l">
								<h4   style="height: 90px;">
									<a @click="gethistory(it.id)" :href="'single.html?id='+ it.id" style="font-size: 18px;height: 90px;">{{ it.title }}</a>
								</h4>
								<div class="w3l-pricehkj">
									<h6 style="font-size: 15px">￥{{ it.price }}</h6>
									<h6 style="font-size: 15px">来自店铺 {{ it.store }}</h6>
								</div>
								<div class="snipcart-details top_brand_home_details item_add single-item hvr-outline-out">
									<form action="#" method="post">
                                        <fieldset>
                                            <input type="hidden" name="system" v-model="it.store" />
                                            <input type="hidden" name="img" v-model="it.img" />
                                            <input type="hidden" name="cmd" value="_cart" />
                                            <input type="hidden" name="business" value=" " />
                                            <input type="hidden" name="item_name" v-model="it.title" />
                                            <input type="hidden" name="shipping" :value="it.id"/>
                                            <input type="hidden" name="amount" v-model="it.price" />
                                            <input type="hidden" name="currency_code" value="USD" />
                                            <input type="hidden" name="return" value=" " />
                                            <input type="hidden" name="cancel_return" value=" " />
                                            <input type="submit" @click="getId(it.hw_id)" name="submit" value="添加到购物车" class="button"/>
                                        </fieldset>
									</form>
								</div>
							</div>
						</div>
					</li>

            </ul>
        </div>
    </div>
</div>
<!-- //special offers -->


<!-- footer -->
<footer>
    <div class="container">
        <!-- footer first section -->
        <p class="footer-main">
            <span>"手机比价网"</span>
            手机比价网，对比全网最新，最热款手机，选择最适合你的那一款.手机比价网是一家集网购折扣推荐、全网搜索比价和历史价格查询为一体的购物导购网站。慢慢买的核心是一个购物比价搜索引擎，优势是可以查到全网商品的价格走势，特点是很多用户参与优惠爆料推荐！
            手机比价网欢迎用户分享原创、心得，评价商品的优劣，并期望更多的用户参与爆料，与大家分享优惠的商品信息，和大家共享购物的乐趣。
        </p>
        <!-- //footer first section -->
        <!-- footer second section -->
        <div class="w3l-grids-footer">
            <!-- footer fourth section (text) -->
            <div class="agile-sometext">
                <div class="sub-some">
                    <h5>为何手机比价网</h5>
                    <p>手机比价网是一个不允许你花冤枉钱的APP，10年来我们专注为用户推荐高性价比商品，并开发了全网比价、查历史价格等购物决策助手，力求让消费更透明，帮用户买对不买贵。</p>
                </div>
                <div class="sub-some">
                    <h5>合作商城</h5>
                    <ul>
                        <li>
                            <a href="https://www.jd.com/">京东</a>
                        </li>
                        <li>
                            <a href="https://www.tmall.com/">天猫</a>
                        </li>
                        <li>
                            <a href="https://www.taobao.com/">淘宝</a>
                        </li>
                    </ul>
                </div>
                <!-- brands -->
                <div class="sub-some">
                    <h5>知名品牌</h5>
                    <ul>
                        <li>
                            <a href="https://www.apple.com.cn/">苹果</a>
                        </li>
                        <li>
                            <a href="https://www.vmall.com/">华为</a>
                        </li>
                        <li>
                            <a href="https://www.vivo.com.cn/">vivo</a>
                        </li>
                        <li>
                            <a href="https://www.opposhop.cn/">oppo</a>
                        </li>
                    </ul>
                </div>
                <!-- //brands -->
            </div>
            <!-- //footer fourth section (text) -->
        </div>
        <!-- //footer second section -->
        <!-- footer third section -->
        <div class="footer-info w3-agileits-info">
            <!-- footer categories -->
            <div class="col-sm-5 address-right">
                <div class="col-xs-6 footer-grids">
                    <h3>商品分类</h3>
                    <ul>
                        <li>
                            <a href="https://www.apple.com.cn/">苹果</a>
                        </li>
                        <li>
                            <a href="https://www.vmall.com/">华为</a>
                        </li>
                        <li>
                            <a href="https://www.mi.com/">小米</a>
                        </li>
                        <li>
                            <a href="https://www.samsung.com/cn/">三星</a>
                        </li>
                        <li>
                            <a href="https://www.meizu.com/">魅族</a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-6 footer-grids agile-secomk">
                    <ul>
                        <li>
                            <a href="https://www.vivo.com.cn/">vivo</a>
                        </li>
                        <li>
                            <a href="https://www.opposhop.cn/">oppo</a>
                        </li>
                        <li>
                            <a href="https://www.smartisan.com/">锤子</a>
                        </li>
                        <li>
                            <a href="https://www.nokia.com/">诺基亚</a>
                        </li>

                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
            <!-- //footer categories -->
            <!-- quick links -->
            <div class="col-sm-5 address-right">
                <div class="col-xs-6 footer-grids">
                    <h3>快速链接</h3>
                    <ul>
                        <li>
                            <a href="about.html">关于我们</a>
                        </li>
                        <li>
                            <a href="contact.html">联系我们</a>
                        </li>
                        <li>
                            <a href="help.html">帮助</a>
                        </li>
                        <li>
                            <a href="faqs.html">常见问题</a>
                        </li>
                        <li>
                            <a href="privacy.html">社区规范</a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-6 footer-grids">
                    <h3>联系方式</h3>
                    <ul>
                        <li>
                            <i class="fa fa-map-marker"></i> 123 Sebastian, USA.
                        </li>
                        <li>
                            <i class="fa fa-mobile"></i> 333 222 3333
                        </li>
                        <li>
                            <i class="fa fa-phone"></i> +222 11 4444
                        </li>
                        <li>
                            <i class="fa fa-envelope-o"></i>
                            <a href="mailto:example@mail.com"> mail@example.com</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- //quick links -->
            <!-- social icons -->
            <div class="col-sm-2 footer-grids  w3l-socialmk">
                <h3>通信渠道</h3>
                <div class="social">
                    <ul>
                        <li>
                            <a class="icon fb" href="#">
                                <i class="fa fa-facebook"></i>
                            </a>
                        </li>
                        <li>
                            <a class="icon tw" href="#">
                                <i class="fa fa-twitter"></i>
                            </a>
                        </li>
                        <li>
                            <a class="icon gp" href="#">
                                <i class="fa fa-google-plus"></i>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="agileits_app-devices">
                    <h5>下载App</h5>
                    <a href="#">
                        <img src="images/1.png" alt="">
                    </a>
                    <a href="#">
                        <img src="images/2.png" alt="">
                    </a>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!-- //social icons -->
            <div class="clearfix"></div>
        </div>
        <!-- //footer third section -->

    </div>
</footer>
<!-- //footer -->
<!-- copyright -->
<div class="copy-right">
    <div class="container">
        <p>Copyright &copy; 2020.手机比价网 版权所有| <a href="index.html" target="_blank" title="品牌大全">品牌大全</a> | <a href="index.html"
                                                                                                    target="_blank"
                                                                                                    title="最热商品">最热商品</a>
            | <a  href="https://www.taobao.com/" target="_blank" title="友情链接">友情链接</a> | <a href="about.html" title="关于我们" target="_blank">关于我们</a></p>
    </div>
</div>
<!-- //copyright -->


<!-- js-files -->
<!-- jquery -->
<script src="js/jquery-2.1.4.min.js"></script>
<!-- //jquery -->

<!-- popup modal (for signin & signup)-->
<script src="js/jquery.magnific-popup.js"></script>
<script>
    $(document).ready(function () {
        $('.popup-with-zoom-anim').magnificPopup({
            type: 'inline',
            fixedContentPos: false,
            fixedBgPos: true,
            overflowY: 'auto',
            closeBtnInside: true,
            preloader: false,
            midClick: true,
            removalDelay: 300,
            mainClass: 'my-mfp-zoom-in'
        });

    });
</script>
<!-- Large modal -->
<!-- <script>
    $('#').modal('show');
</script> -->
<!-- //popup modal (for signin & signup)-->

<!-- cart-js -->
<script src="js/minicart.js"></script>
<script>

    paypalm.minicartk.render(); //use only unique class names other than paypal1.minicart1.Also Replace same class name in css and minicart.min.js

    paypalm.minicartk.cart.on('checkout', function (evt) {
        var items = this.items(),
            len = items.length,
            total = 0,
            i;

        // Count the number of each item in the cart
        for (i = 0; i < len; i++) {
            total += 1;
        }

        if (total < 2 || total > 4) {
            alert('请选择2-4个商品进行比较');

            evt.preventDefault();
        }
    });
</script>
<!-- //cart-js -->

<!-- price range (top products) -->
<script src="js/jquery-ui.js"></script>
<script>
    //<![CDATA[
    $(window).load(function () {
        $("#slider-range").slider({
            range: true,
            min: 0,
            max: 9000,
            values: [50, 6000],
            slide: function (event, ui) {
                $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
            }
        });
        $("#amount").val("$" + $("#slider-range").slider("values", 0) + " - $" + $("#slider-range").slider("values", 1));

    }); //]]>
</script>
<!-- //price range (top products) -->

<!-- flexisel (for special offers) -->
<script src="js/jquery.flexisel.js"></script>
<script>
    $(window).load(function () {
        $("#flexiselDemo1").flexisel({
            visibleItems: 3,
            animationSpeed: 1000,
            autoPlay: true,
            autoPlaySpeed: 3000,
            pauseOnHover: true,
            enableResponsiveBreakpoints: true,
            responsiveBreakpoints: {
                portrait: {
                    changePoint: 480,
                    visibleItems: 1
                },
                landscape: {
                    changePoint: 640,
                    visibleItems: 2
                },
                tablet: {
                    changePoint: 768,
                    visibleItems: 2
                }
            }
        });

    });
</script>
<!-- //flexisel (for special offers) -->

<!-- password-script -->
<script>
    window.onload = function () {
        document.getElementById("password1").onchange = validatePassword;
        document.getElementById("password2").onchange = validatePassword;
    }

    function validatePassword() {
        var pass2 = document.getElementById("password2").value;
        var pass1 = document.getElementById("password1").value;
        if (pass1 != pass2)
            document.getElementById("password2").setCustomValidity("Passwords Don't Match");
        else
            document.getElementById("password2").setCustomValidity('');
        //empty string means no validation error
    }
</script>
<!-- //password-script -->

<!-- smoothscroll -->
<script src="js/SmoothScroll.min.js"></script>
<!-- //smoothscroll -->

<!-- start-smooth-scrolling -->
<script src="js/move-top.js"></script>
<script src="js/easing.js"></script>
<script>
    jQuery(document).ready(function ($) {
        $(".scroll").click(function (event) {
            event.preventDefault();

            $('html,body').animate({
                scrollTop: $(this.hash).offset().top
            }, 1000);
        });
    });
</script>
<!-- //end-smooth-scrolling -->

<!-- smooth-scrolling-of-move-up -->
<script>
    $(document).ready(function () {
        /*
        var defaults = {
            containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
        };
        */
        $().UItoTop({
            easingType: 'easeOutQuart'
        });

    });
</script>
<!-- //smooth-scrolling-of-move-up -->

<!-- for bootstrap working -->
<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->


<!--后面添加的js-->
<!--select-->
<script type="text/javascript">
    function mbar(sobj) {
        var docurl = sobj.options[sobj.selectedIndex].value;
        if (docurl != "") {
            open(docurl, '_blank');
            sobj.selectedIndex = 0;
            sobj.blur();
        }
    }
</script>
<!--//select-->
<!--//后面添加的js-->
<!-- //js-files -->

{######ajax填充苹果数据######}
<script>
    setTimeout(function () {
        if($("#user_id").val() == "undefined" || $("#user_id").val() == undefined) {
                for(var i=0; i<document.getElementsByClassName("button").length;i++){
                    document.getElementsByClassName("button")[i].type="hidden"
                }
        }
    },3000)


    var app = new Vue({
        el: '#appIphone',
        data: {
            Iphone: [],
        },
        methods: {
            getIphone() {
                var that = this;
                // axios.get('/showThreea').then(resp => {
                //     for (var i = 0; i < resp.data.length; i++) {
                //         that.Iphone.push(resp.data[i]);
                //     }
                // })
                $.ajax({
                url: '/showThreea/',
                type: 'GET',
                dataType: 'json',
                async:false,
                data:{},
                success:function(data){
                    for (var i = 0; i < data.length; i++) {
                        that.Iphone.push(data[i]);
                    }
                },
                error:function(){

                }
            });
            },
            getId(id){
                var uid = $("#user_id").val()
                axios.get('/compare?id='+id+"&user_id="+ uid).then(resp => {
                    if(resp.data != 1 && resp.data != "1"){
                        alert(resp.data)
                    }
                })
            },
            gethistory(id){
                var uid = $("#user_id").val()
                axios.get('/history?goods_id='+id+"&user_id="+ uid).then(resp => {})
            },
        }
    });
    app.getIphone();

</script>


<script>
    var app = new Vue({
        el: '#appHw',
        data: {
            hw: []
        },
        methods: {
            getHw: function () {
                var that = this;
                // axios.get('/showThreehw').then(resp => {that.hw = resp.data})

            $.ajax({
                url: '/showThreehw/',
                type: 'GET',
                dataType: 'json',
                async:false,
                data:{},
                success:function(data){
                    that.hw = data
                },
                error:function(){}
            });

            },
            getId(id){
                var uid = $("#user_id").val()
                axios.get('/compare?id='+id+"&user_id="+ uid).then(resp => {
                    if(resp.data != 1 && resp.data != "1"){
                        alert(resp.data)
                    }
                })
            },
            gethistory(id){
                var uid = $("#user_id").val()
                axios.get('/history?goods_id='+id+"&user_id="+ uid).then(resp => {})
            },
        }
    });

    app.getHw();

</script>


<script>
    var app = new Vue({
        el: '#appVo',
        data: {
            vo: []
        },
        methods: {
            getVo: function () {
                var that = this;
                // axios.get('/showThreev').then(resp => {
                //     for (var i = 0; i < resp.data.length; i++) {
                //         that.vo.push(resp.data[i]);
                //     }
                // })
            $.ajax({
                url: '/showThreev/',
                type: 'GET',
                dataType: 'json',
                async:false,
                data:{
                },
                success:function(data){
                    that.vo = data
                },
                error:function(){}
            });

            },
            getId(id){
                var uid = $("#user_id").val()
                axios.get('/compare?id='+id+"&user_id="+ uid).then(resp => {
                    if(resp.data != 1 && resp.data != "1"){
                        alert(resp.data)
                    }
                })
            },
            gethistory(id){
                var uid = $("#user_id").val()
                axios.get('/history?goods_id='+id+"&user_id="+ uid).then(resp => {})
            },
        }
    });
    app.getVo();

</script>


<script>
    var app = new Vue({
        el: '#showFive',
        data: {
            showfive: []
        },
        methods: {
            getFive: function () {
                var that = this;
                $.ajax({
                    url: '/vegetablePrice/',
                    type: 'GET',
                    dataType: 'json',
                    data: {},
                    success: function (data) {
                        for (var i = 0; i < 13; i++) {
                            that.showfive.push(data[i]);
                        }
                    },
                    error: function () {}
                });
            },
            gethistory(id){
                var uid = $("#user_id").val()
                axios.get('/history?goods_id='+id+"&user_id="+ uid).then(resp => {})
            },
        }
    });
    app.getFive();
</script>


<script>
    var app = new Vue({
        el: '#showSix',
        data: {
            showSix: []
        },
        methods: {
            getSix: function () {
                var that = this;
                $.ajax({
                    url: '/showSix',
                    type: 'GET',
                    dataType: 'json',
                    data: {},
                    success: function (data) {
                        for (var i = 0; i < data.length; i++) {
                            that.showSix.push(data[i]);
                        }
                    },
                    error: function () {

                    }
                });
            },
            gethistory(id){
                var uid = $("#user_id").val()
                axios.get('/history?goods_id='+id+"&user_id="+ uid).then(resp => {})
            },
        }
    });
    app.getSix();

</script>


    <script>
        var app = new Vue({
          el: '#projects',
          data: {
              goods:[],
          },
          methods: {
            getAddress: function (event) {
                that = this;
                $.ajax({
                    url: '/commend/',
                    type: 'GET',
                    dataType: 'json',
                    data:{
                    },
                    async: false,
                    success:function(data){
                        for (var i = 0; i < 10; i++) {
                            that.goods.push(data[i]);
                        }
                    },
                    error:function(){
                    }
                });
            },
            gethistory(id){
                var uid = $("#user_id").val()
                axios.get('/history?goods_id='+id+"&user_id="+ uid).then(resp => {})
            },
          },
        });
        app.getAddress();
    </script>

</body>

</html>